<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Laravel</title>
        <link rel="stylesheet" type="text/css"  href="{{ asset('asset/css/clear.css')}}" />
        <link rel="stylesheet" type="text/css"  href="{{ asset('asset/css/common.css')}}" />
        <link rel="stylesheet" type="text/css"  href="{{ asset('asset/css/font-awesome.min.css')}}" />
        <link rel="stylesheet" type="text/css"  href="{{ asset('asset/css/carouFredSel.css')}}" />
        <link rel="stylesheet" type="text/css"  href="{{ asset('asset/css/sm-clean.css')}}" />
        <link rel="stylesheet" type="text/css"  href="{{ asset('asset/css/style.css')}}" /> 
    </head>
    <body class="home blog">
         <!-- Preloader Gif -->
         <table class="doc-loader">
                <tbody>
                    <tr>
                        <td>
                            <img src="{{asset('asset/images/ajax-document-loader.gif')}}" alt="Loading...">
                        </td>
                    </tr>
                </tbody>
            </table> 
         <div id="app">
              <!-- Left Sidebar -->
                <div id="sidebar" class="sidebar">
                        <div class="menu-left-part">
                                <div class="search-holder">
                                    <label>
                                        <input type="search" class="search-field" placeholder="Type here to search..." value="" name="s" title="Search for:">
                                    </label>
                                </div>
                                <div class="site-info-holder">
                                    <h1 class="site-title">Suppablog</h1>
                                    <p class="site-description">
                                        Suppablog is simple and yet cool wordpress theme to lorem ipsum dolor sit.
                                    </p>
                                </div>
                                <nav id="header-main-menu">
                                    <ul class="main-menu sm sm-clean">
                                        <router-link active-class="current" to="/" exact>Home</router-link>
                                        <router-link active-class="current" to="/about">About</router-link>
                                    </ul>
                                </nav>
                                <footer>
                                    <div class="footer-info">
                                        © {{date('Y')}} SUPPABLOG HTML TEMPLATE. <br> CRAFTED WITH <i class="fa fa-heart"></i> BY <a href="https://colorlib.com">COLORLIB</a>.
                                    </div>
                                </footer>
                            </div>
                            <div class="menu-right-part">
                                    <div class="logo-holder">
                                        <a href="index.html">
                                            <img src="{{asset('asset/images/logo.png')}}" alt="Suppablog WP">
                                        </a>
                                    </div>
                                    <div class="toggle-holder">
                                        <div id="toggle">
                                            <div class="menu-line"></div>
                                        </div>
                                    </div>
                                    <div class="social-holder">
                                        <div class="social-list">
                                            <a href="#"><i class="fa fa-twitter"></i></a> 
                                            <a href="#"><i class="fa fa-rss"></i></a>
                                        </div>
                                    </div>
                                    <div class="fixed scroll-top"><i class="fa fa-caret-square-o-up" aria-hidden="true"></i></div>
                                </div>
                                <div class="clear"></div>
                </div>
                <!-- Home Content -->
                <div id="content" class="site-content">
                      <router-view></router-view>
                      
                </div>
         </div>
        <script src="{{asset('js/app.js')}}"></script>
        <script type='text/javascript' src="{{ asset('asset/js/jquery.js')}}"></script>
        <script type='text/javascript' src="{{ asset('asset/js/imagesloaded.pkgd.js')}}"></script>
        <script type='text/javascript' src="{{ asset('asset/js/jquery.smartmenus.min.js')}}"></script>
        <script type='text/javascript' src="{{ asset('asset/js/jquery.nicescroll.min.js')}}"></script>
        <script type='text/javascript' src="{{ asset('asset/js/jquery.carouFredSel-6.0.0-packed.js')}}"></script>
        <script type='text/javascript' src="{{ asset('asset/js/jquery.mousewheel.min.js')}}"></script>
        <script type='text/javascript' src="{{ asset('asset/js/jquery.touchSwipe.min.js')}}"></script>
        <script type='text/javascript' src="{{ asset('asset/js/jquery.easing.1.3.js')}}"></script>
        <script type='text/javascript' src="{{ asset('asset/js/main.js')}}"></script>
        <script type='text/javascript' src="{{ asset('asset/js/404.js')}}"></script>
    </body>
</html>
